<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航</title>
    <link rel="stylesheet" href="/plugin/layui/css/layui.css">
</head>
<body>

<!--
  需要引入element模块
  layui-nav         水平导航<ul><li></li></ul>
  layui-this        被选中项目
  layui-nav-item    导航子项
  layui-nav-child   二级导航   <dl><dd></dd></dl>
  layui-nav-tree    垂直导航
  layui-nav-side    侧边导航  需要徐垂直导航一起使用
  layui-bg-cyan     设置样式颜色
  layui-badge       徽章
  layui-breadcrumb  面包屑式导航
-->

<!--<ul class="layui-nav layui-nav-tree layui-nav-side">  &lt;!&ndash;layui-nav 导航&ndash;&gt;-->
<!--    <li class="layui-nav-item"><a href="">最新活动</a></li>  &lt;!&ndash;layui-this 被选中项目&ndash;&gt;-->
<!--    <li class="layui-nav-item"><a href="">产品 <span class="layui-badge-dot layui-bg-orange"></span></a></li>-->
<!--    <li class="layui-nav-item"><a href="">大数据</a></li>-->
<!--    <li class="layui-nav-item">-->
<!--        <a href="javascript:">解决方案</a>-->
<!--        <dl class="layui-nav-child"> &lt;!&ndash; 二级菜单 &ndash;&gt;-->
<!--            <dd><a href="">移动模块</a></dd>-->
<!--            <dd><a href="">后台模版</a></dd>-->
<!--            <dd><a href="">电商平台</a></dd>-->
<!--        </dl>-->
<!--    </li>-->
<!--    <li class="layui-nav-item"><a href="">社区</a></li>-->
<!--</ul>-->

<!--面包屑式导航-->
<span class="layui-breadcrumb" lay-separator="/">
    <a href="">首页</a>
    <a href="">国际新闻</a>
    <a href="">亚太新闻</a>
    <a href="">中国新闻</a>
    <a><cite>正文</cite></a>   <!--cite  引用 斜体-->
</span>

</body>
<script src="/plugin/layui/layui.js"></script>
<script type="text/javascript">
    layui.use('element', function(){
        var element = layui.element;
    });
</script>

</html>
